- var i = 0
- var counter = view.constructor.deltaCounter;

mixin deltaPanel(delta, conflict)
  - delta.index = i++
  if i < view.maxDeltas
    .delta.panel.panel-default(class='delta-'+delta.action, data-index=i)
      .panel-heading
        if delta.action === 'added'
          strong(data-i18n="delta.added") Added
        if delta.action === 'modified'
          strong(data-i18n="delta.modified") Modified
        if delta.action === 'deleted'
          strong(data-i18n="delta.deleted") Deleted
        if delta.action === 'moved-index'
          strong(data-i18n="delta.moved_index") Moved Index
        if delta.action === 'text-diff'
          strong(data-i18n="delta.text_diff") Text Diff
        span  
        a(data-toggle="collapse" data-parent="#delta-accordion"+(counter) href="#collapse-"+(i+counter))
          span= delta.humanPath
  
      .panel-collapse.collapse(id="collapse-"+(i+counter))
        .panel-body.row(class=conflict ? "conflict-details" : "details")
          if delta.action === 'added'
            .new-value.col-md-12= delta.right
          if delta.action === 'modified'
            .old-value.col-md-6= delta.left
            .new-value.col-md-6= delta.right
          if delta.action === 'deleted'
            .col-md-12
              div.old-value= delta.left
          if delta.action === 'text-diff'
            .col-md-12
              div.text-diff
          if delta.action === 'moved-index'
            .col-md-12
              span Moved array value #{delta.hash}: #{delta.originalIndex} ➜ #{delta.destinationIndex}
    
      if delta.conflict && !conflict
        .panel-body
          strong(data-i18n="delta.merge_conflict_with") MERGE CONFLICT WITH
          +deltaPanel(delta.conflict, true)
  else if i == view.maxDeltas
    h3= '... ' + (view.expandedDeltas.length - view.maxDeltas) + ' more (open with shift to see 1000, alt+shift to see all)'

.panel-group(id='delta-accordion-'+(counter))
  for delta in view.expandedDeltas
    +deltaPanel(delta)
  if !view.expandedDeltas.length
    alert.alert-warning(data-i18n="delta.no_changes") No changes
  else
    .delta.panel.panel-default
      .panel-heading
        a(data-toggle="collapse" data-parent="#delta-accordion-expert" href="#collapse-expert-"+(counter))
          span Expert View

      .panel-collapse.collapse(id="collapse-expert-"+(counter))
        .panel-body.row
          .expert-view
